<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        span {
            width: 100px;
            height: 100px;
            background: red;
            display: inline-block;
        }

        div {
            width: 100px;
            height: 100px;
            background: green;
            display: inline-block;
        }
    </style>
</head>
<body>
<!--
    dispaly:inline-block           行内块元素

                特征：
                   1、h行内元素支持宽高；
                   2、块元素可以在行内显示；
                   3、不给宽度的话，宽度会由内容撑开；
                   4、代码换行会被解析为一个空格；
                   5、IE6、7不支持块元素的inline-block；
                        IE6、7不认识inline-block，给行内元素加上这个属性会触发IE的haslayout特点，会让行内元素
                        具有与inline-block一样的特征，所以不支持块元素的inline-block；

                   建议不要使用，可以不使用就不要使用；




-->
<span>span</span>
<div>div</div>
</body>
</html>